import React, { useEffect, useState } from "react";
function App(props) {

    const [num, setNum] = useState(0)
    const [age, setAge] = useState(100)

    useEffect(() => {
        // 当useEffect不传第二个参数时，组件挂载完毕和组件更新，都会触发
        // 当useEffect传第二个参数时，组件挂载完毕会触发，然后会监控第二个参数数组里面的参数
        // 如果数组内参数发生变化，也会触发
        console.log('useEffect', document.querySelector('button'))
    })

    return (
        <div>
            <button onClick={() => {
                setNum(100)
            }} >
                num:{num}
            </button>
        </div>
    )
}

export default App
